<!-- 引入公共部分 -->
{{extend './common/layout.html'}}
<!-- 引入css链接（填空） -->
{{block 'link'}}
<link rel="stylesheet" href="/static/home/css/center.css">
<script type="text/javascript" src="/static/home/js/center.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
{{/block}}
<!-- 引入主题部分（填空） -->
{{block 'main'}}
<!-- 引入头部代码 -->
<header>
    {{include './common/header.html'}}
    {{include './common/aside.html'}}
</header>
<p id="hidden" hidden="hidden">{{userInfoL.userInfo.sex}}</p>
<p id="birth" hidden="hidden">{{userInfoL.userInfo.birth}}</p>
<p id="di" hidden="hidden">{{userInfoL.userInfo.id}}</p>
<div class="body">
    <div class="bodyTop">
        <div class="box">
            <div class="click">个人中心</div>
            <div class="returnMain"><a href="./">返回首页</a></div>
        </div>
    </div>
    <div class="bodyMain">
        <div class="box">
            <div class="sideline">
                <!-- <i class="fa fa-minus-square-o" aria-hidden="true"></i> -->
                <dl>
                    <dt id="message">
                        <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp我的资料
                    </dt>
                    <dd class="clicked">
                        <a href="./center">基本资料</a>
                    </dd>
                    <dd>
                        <a href="./address">收货地址</a>
                    </dd>
                    <dd>
                        <a href="./safe">修改密码</a>
                    </dd>
                    <dd>
                        <a href="./whoareyou">实名认证</a>
                    </dd>
                </dl>
                <dl>
                    <dt id="superSail">
                        <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp我的特卖
                    </dt>
                    <dd>
                        <a href="./collection">商品收藏</a>
                    </dd>
                    <dd>
                        <a href="./footmark">我的足迹</a>
                    </dd>
                </dl>
                <dl>
                    <dt id="order">
                        <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp订单管理
                    </dt>
                    <dd class="orders">
                        <a href="./orderNo">未付款</a>
                    </dd>
                    <dd class="orders">
                        <a href="./order">已付款</a>
                    </dd>
                    <dd class="orders">
                        <a href="./expressmessage">已发货</a>
                    </dd>
                </dl>
            </div>
            <div class="mainDiv">
                <div class="mine">
                    <div class="myPhoto">
                        <input id="ipt" type="file" onchange="previewFile()"> <!-- multiple 规定输入字段可接受多个值 -->
                        <div id="preview" class="inImg">
                            <img src="{{userInfoL.userInfo.img}}" id="oImg">
                        </div>
                    </div>
                    <div class="myName">
                        零元购(yyds)
                    </div>
                </div>
                <div class="myMessage">
                    <div class="form-group">
                      <label for="nickname">昵称&nbsp;:&nbsp;</label>
                      <input type="text" class="form-control name" name="nickname" id="nickname" value={{userInfoL.userInfo.nickname}} placeholder="昵称">
                    </div>
                    <div class="form-group">
                      <label for="sex">性别&nbsp;:&nbsp;</label>
                      <form class="usersex">
                        <input class="radio" type="radio" name="sex" value="0"><span>男&nbsp;&nbsp;</span>
                        <input class="radio" type="radio" name="sex" value="1"><span>女</span>
                      </form>
                    </div>
                    <div class="form-group">
                        <label for="tel">电话&nbsp;:&nbsp;</label>
                        <input type="text" class="form-control tel" name="tel" id="phone" value={{userInfoL.userInfo.exp}} placeholder="移动电话">
                    </div>
                    <div class="form-group">
                        <label for="birthday">生日&nbsp;:&nbsp;</label>
                        <!-- <input type="text" class="form-control birthday" name="birthday" id="birthday" placeholder="生日"> -->
                        <select name="code" size="1" class="select" id="year">
                            <option value="1990">1990</option>
                            <option value="1991">1991</option>
                            <option value="1992">1992</option>
                            <option value="1993">1993</option>
                            <option value="1994">1994</option>
                            <option value="1995">1995</option>
                            <option value="1996">1996</option>
                            <option value="1997">1997</option>
                            <option value="1998">1998</option>
                            <option value="1999">1999</option> 
                            <option value="2000">2000</option>
                            <option value="2001">2001</option>
                            <option value="2002">2002</option>
                            <option value="2003">2003</option>
                            <option value="2004">2004</option>
                            <option value="2005">2005</option>
                            <option value="2006">2006</option>
                            <option value="2007">2007</option>
                            <option value="2008">2008</option>
                            <option value="2009">2009</option>  
                            <option value="2010">2010</option> 
                            <option value="2011">2011</option> 
                            <option value="2012">2012</option> 
                            <option value="2013">2013</option> 
                            <option value="2014">2014</option> 
                            <option value="2015">2015</option> 
                            <option value="2016">2016</option> 
                            <option value="2017">2017</option> 
                            <option value="2018">2018</option> 
                        </select>
                        <select name="code" size="1" class="select" id="month" onchange="selectMonth()">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>  
                            <option value="11">11</option> 
                            <option value="12">12</option> 
                        </select>
                        <select name="code" size="1" class="select" id="day">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option> 
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option> 
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                            <option value="30">30</option> 
                            <option value="31">31</option>
                        </select>
                    </div>
                    <div class="form-group formBottom">
                        <!-- <label for="address">地址&nbsp;:&nbsp;</label>
                        <input type="text" class="form-control" name="address" id="address" placeholder="详细地址"> -->
                    </div>
                    <button type="submit" class="btn" id="change">提交</button>
                    <span class="btn reset">重置</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="float">
    <div id="floatContent" class="floatContent hide">

    </div>
</div>
<footer>
    {{include './common/footer.html'}}
</footer>
{{/block}}